.margin{width: 1200px; margin: 0 auto;}
body{background: #f6f6f6;}
header{height: 38px; background: #f6f6f6;}
header .left{float: left; text-align:center;}
header .left li{float: left; font:12px/38px ""; color: #000; padding: 0 10px;}
header .left .welcome{display: none;}
header .left .welcome #logout{ color: red;}
header .left li:nth-child(1) a{color: red;}
header .right{ float: right; text-align: center;}
header .right li{float: left; font:12px/38px ""; color: #000; background: url(../images/h1.png) no-repeat right center; padding: 0 10px;}
header .right li:nth-child(2) a{color: red;}
header .right li.active{background-image: none;}

nav{background: #fff; }
nav .top{display:flex;}
nav .top .logo{ margin: 24px 60px 15px 2px;}
nav .top .search{margin-top: 30px;}
nav .top .search .tet{ width:350px; height: 35px; padding-left:10px ; border:1px solid #ccc; border-right:0 ; border-radius:5px 0 0 5px;}
nav .top .search .btn{ width:40px; height: 37px; float: right; background: red; border: none; color: #fff;border-radius:0 5px 5px 0;}
nav .top .search p {display: flex;}
nav .top .search p a{display: block; margin: 3px 5px 0 0 ;} 
nav .top .search p a:hover{color: orange;}
nav .top .activity{ }
nav .top .activity ul{display: flex; text-align: center; margin: 30px 0 0 40px;}
nav .top .activity ul li{display: flex; background: url(../images/n3.png) no-repeat right center; padding: 0 10px; font: 14px/36px ""; margin: 0 5px;}
nav .top .activity ul li:last-child{background-image: none;}
nav .top .activity ul li img{width: 40px; height: 37px;}
nav .top .activity ul li span{ margin: 0 5px;}
nav .bottom ul{ display: flex;}
nav .bottom ul li a{display: block; font:300 18px/50px ""; padding: 0 10px; color: #000;}
nav .bottom ul li a:hover{background: #ff464e; color: #fff; border-radius: 5px 5px 0 0;}

#te{background:#ff464e; height: 3px;}

main{}
main .top{}
main .top ul{ display: flex;}
main .top ul li{ font: 15px/40px ""; margin: 0 20px;}
main .top ul li:nth-child(13) a{ color: #ff464e;}
main .top ul li:hover a{ color: #ff464e;}


main .center{ margin-bottom: 30px;}
main .center ul{  display: flex; flex-wrap:  wrap;}
main .center ul li{width: 220px; margin:15px 0 0 15px;}
main .center ul li a{}
main .center ul li a img{ width: 220px; height: 220px;}
main .center ul li a span{ font: 15px/40px ""; color: red; margin-left: 10px;}
main .center ul li a s{ font: 13px/40px ""; color:#ccc; margin-left: 10px;}
main .center ul li a p{ font-size: 12px; margin-left: 10px;}
main .center ul li a p em{ float: right; font-size: 12px; margin-left: 10px; margin-right: 10px;}
main  .bottom{ display: flex;align-items: center; justify-content:center; height: 80px; }
main  .bottom span{ width: 40px; height: 30px; background: #ff464e; color: #fff; border-radius: 5px; line-height: 30px; padding: 0 10px;}
main  .bottom ul{ display: flex;}
main  .bottom ul li{ border:1px solid #ccc; padding:10px; margin: 0 10px; border-radius: 5px;}

footer{ margin-top: 20px;}
footer .active{background:#ff464e; height: 3px;}
footer .margin{padding: 30px 30px 0 40px;box-sizing:border-box;}
footer .top{ display: flex;position: relative; }
footer .top .left{ }
footer .top .left span{ font: 14px/24px "";}
footer .top .center{display: flex;}
footer .top dl{}
footer .top dt{ font-size: 15px; font-weight: 900; margin:0 0 10px 60px;}
footer .top dd{margin:0px 60px; font: 12px/24px "";}
footer .top .right{}
footer .top .right .te{ background: url(http://jp.juancdn.com/juanpi/images/global/service_add.gif?20160113) no-repeat; width: 86px; height: 42px; margin-left: 34px; }
footer .top .right .te a{display:block;width: 86px; height: 42px;}
footer .top .right .te:hover{ background-position: 0 -47px;}
footer .top .right span{ color: rgb(151, 151, 151);}
footer .top .right .a1{ position: absolute; right:80px; top: 8px;}
footer .top .right .a2{ position: absolute; right:72px; top: 25px;}
footer .top .right p{font: 12px/60px ""; color: rgb(151, 151, 151); margin-left: 70px;}
footer .center{}
footer .center p{border-bottom: 1px solid #ccc; font: 13px/40px ""; margin-bottom: 20px;}
footer .center p a{ display: inline; margin-left: 20px;}
footer .center span{float: right;}
footer .bottom{}
footer .bottom p{ font:12px/20px ""; color:#ccc;text-align: center;}
footer .bottom ul{display: flex; justify-content: center; margin:10px 0 30px 0;}
footer .bottom ul li{ margin: 0 10px;}